<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title>更多期</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/js/common/common.js"></script>
    <!--swiper-->
    <link rel="stylesheet" href="../lib/js/swiper/swiper-3.3.1.min.css">
    <script src="../lib/js/swiper/swiper-3.3.1.min.js"></script>
    <!-- 引入vue -->
    <script src="../lib/js/template/handlebars-v4.0.5.js" type="text/javascript"></script>
    <script src="../lib/js/vue/vue.js"></script>
    <script src="../lib/js/weui/jquery-weui.min.js"></script>
    <link rel="stylesheet" href="../css/home/home.css">
    <link rel="stylesheet" href="../css/recommend/index.css">
</head>
<body>
<div style="width: 100%;height: 100%;" id="recommend">
    <div class="recommend-wrap back-show">
        <div class="day-content">
            <!--<div class="weui-hr5"></div>-->
            <div class="day-imgs">
                <a href="javascript:;">
                    <img src="" alt="" v-bind:src='coverImg'>
                </a>
            </div>
            <div class="shop-menus" v-if="goodsList.length>0">
                <ul class="hot-list-box clearfix" id="hot-list-box-id" :style="'width:'+3*(goodsList.length+1)+'rem'">
                    <li v-for="(item,index) in goodsList" :key="index">
                        <a class="hot-list-item" v-bind:href="item.href">
                            <img class="hot-list-item-img"
                                 v-bind:src="item.goodsImage"
                                 onerror="$.imgDef()" alt="">
                            <p class="hot-list-title">
                                <span class="tag-overseas3" style="display: none;"></span>
                                {{item.name}}
                            </p>
                            <p class="hot-list-price">
                                <label><i>￥</i>{{item.lowestPrice}}</label>
                            </p>
                        </a>
                    </li>
                    <li class="shop-menus-row">
                        <a :href="'allGoods.html?serialId='+serialId">
                            <img src="../images/home/expect_select_all.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="weui-hr10" style="background: #f0f0f0;" ></div>
        <div class="e-detail">
            <p v-for="item in serialContentImages"><a href="javascript:;" v-bind:href="item.hrefLink" style="width: 100%; height: 100%; display: block;"> <img src="" v-bind:src=item.imagePath></a></p>
        </div>
        <div class="goods_list">
            <ul class="hot-list-box clearfix">
                <li v-for="(item,index) in associateGoods" :key="index">
                    <a class="hot-list-item" v-bind:href="item.href">
                        <img class="hot-list-item-img"
                             v-bind:src="item.goodNavigateImage" alt="">
                        <p class="hot-list-title">
                            <span class="tag-overseas3" style="display: none;"></span>
                            {{item.name}}
                        </p>
                        <p class="hot-list-price">
                            <label><i>￥</i>{{item.lowestPrice}}</label>
                        </p>
                    </a>
                </li>
            </ul>
        </div>
        <!--正在加载-->
        <div class="weui-infinite-scroll-box">
            <div class="weui-infinite-scroll">
                <div class="infinite-preloader">

                </div>
                <img src="/b2c/images/dongtai.gif" alt="">
                正在加载...
            </div>
        </div>
    </div>
    <!--全部商品-->
    <!--<div class="all-goods" style="">-->
        <!--<div class="grid-head-tab">-->
            <!--<div class="grid-head-box">-->
                <!--<div class="grid-head-l">-->
                    <!--<a href="javascript:;" id="goods-return-id" onclick="selectGoods()"><img src="../src/images/expect/goods_head_return.png"></a>-->
                <!--</div>-->
                <!--<div class="grid-head-cen">查看全部</div>-->
                <!--<div class="grid-head-r"></div>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="all-goods-content">-->
            <!--&lt;!&ndash;单品&ndash;&gt;-->
            <!--<div class="weui-hr-5"></div>-->
            <!--<div class="day-recommend">-->
                <!--<div class="day-content">-->
                    <!--<div class="hot-list">-->
                        <!--<ul class="hot-list-box clearfix">-->
                            <!--<li v-for="item in app.goodsList">-->
                                <!--<a class="hot-list-item" href="" v-bind:href=item.href >-->
                                    <!--<img class="hot-list-item-img" src="" alt="" v-bind:src=item.goodsImage />-->
                                    <!--<p class="hot-list-title">-->
                                        <!--<img class="goods-pic" src="../src/images/expect/or_tao.png" v-if="item.goodsChannel==3" />-->
                                        <!--<span>{{item.name}}</span>-->
                                    <!--</p>-->
                                    <!--<p class="hot-list-hr"></p>-->
                                    <!--<p class="hot-list-price"><label>￥</label>{{item.lowestPrice | appDivide}}<span class="r-price">-->
                                    <!--<del v-if="item.lowestPrice!=item.suggestedPrice" ><i>￥</i>{{item.suggestedPrice | appDivide}}</del>-->
                                <!--</span>-->
                                    <!--</p>-->
                                <!--</a>-->
                            <!--</li>-->
                        <!--</ul>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
            <!--&lt;!&ndash;/单品&ndash;&gt;-->
        <!--</div>-->
    <!--</div>-->
</div>
<script src="../lib/js/ydui.js"></script>
<script src="../js/recommend/index.js"></script>
</body>
</html>